<template>
  <div>
  <basic-container>
     <div class="detailsBox">
          <div>
            <span class="headertitle">订单详情</span>
          </div>
           <div class="line"></div>
       <el-row style="margin-top: 20px">
         <el-col span="4"></el-col>
         <el-col span="8">
           <span class="el-lab">流水号：</span>
           <span>{{row.gameOrder}}</span>
         </el-col>
         <el-col span="12">
           <span class="el-lab">订单号：</span>
           <span>{{row.orderNum}}</span>
         </el-col>
       </el-row>
       <el-row style="margin-top: 10px">
         <el-col span="4"></el-col>
         <el-col span="8">
           <span class="el-lab">订单状态：</span>
           <span>已付款</span>
         </el-col>
         <el-col span="12">
           <span class="el-lab">订单标题：</span>
           <span>{{row.propsName}}</span>
         </el-col>
       </el-row>
       <el-row style="margin-top: 10px">
         <el-col span="4"></el-col>
         <el-col span="8">
           <span class="el-lab">订单总价：</span>
           <span>{{(Number(row.totalAmount)/100).toFixed(2)}}元</span>
         </el-col>
         <el-col span="12">
           <span class="el-lab">现金充值：</span>
           <span>{{(Number(row.payAmount)/100).toFixed(2)}}元</span>
         </el-col>
       </el-row>
       <el-row style="margin-top: 10px">
         <el-col span="4"></el-col>
         <el-col span="8">
           <span class="el-lab">平台币：</span>
           <span>{{(Number(row.provideAmount)).toFixed(2)}}元</span>
         </el-col>
         <el-col span="12">
           <span class="el-lab">优惠券：</span>
           <span>{{(Number(row.couponAmount)/100).toFixed(2)}}元</span>
         </el-col>
       </el-row>
       <el-row style="margin-top: 10px">
         <el-col span="4"></el-col>
         <el-col span="8">
           <span class="el-lab">折扣金额：</span>
           <span>{{(Number(row.discountAmount)/100).toFixed(2)}}元</span>
         </el-col>

       </el-row>
       <el-row style="margin-top: 10px">
         <el-col span="4"></el-col>
         <el-col span="8">
           <span class="el-lab">游戏：</span>
           <span>{{row.gameName}}</span>
         </el-col>
         <el-col span="12">
           <span class="el-lab">区服名称：</span>
           <span>{{row.serverName}}</span>
         </el-col>
       </el-row>
       <el-row style="margin-top: 10px">
         <el-col span="4"></el-col>
         <el-col span="8">
           <span class="el-lab">角色名称：</span>
           <span>{{row.roleName}}</span>
         </el-col>

       </el-row>
       <el-row style="margin-top: 10px">
         <el-col span="4"></el-col>
         <el-col span="8">
           <span class="el-lab">创建时间：</span>
           <span>{{row.createTime}}</span>
         </el-col>
         <el-col span="12">
           <span class="el-lab">付款时间：</span>
           <span v-if="row.payTime!=''"><span
             class="skucost-pruice">{{ row.payTime  | formatDate('YYYY-MM-DD HH:mm:ss') }}</span></span>
         </el-col>
       </el-row>
     </div>

  </basic-container>
    <basic-container>
      <div class="detailsBoxtwo">
        <div>
          <span class="headertitle">归属推广信息</span>
        </div>
        <div class="line"></div>
        <el-row style="margin-top: 20px">
          <el-col span="4"></el-col>
          <el-col span="8">
            <span class="el-lab">组长账号：</span>
            <span><span class="skucost-pruice"> {{row.paccount || "无" }} </span></span>
          </el-col>
          <el-col span="12">
            <span class="el-lab">推广员账号：</span>
            <span><span class="skucost-pruice">{{row.promoter|| "无" }}</span></span>

          </el-col>
        </el-row>
      </div>

    </basic-container>
  </div>
</template>

<script>
import {mapGetters} from "vuex";

export default {
  name: "index",
  data() {
    return {
       row:{},
    };

  },
  props: {
    rowDeatils: {
      type: Object,
      default() {
        return {}
      }
    },
  },
  components: {
  },
  computed: {
    ...mapGetters(["userInfo"]),
  },

  created() {
    this.row=this.rowDeatils
  },
  methods: {
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`);
      this.page.pageSize = val;
      this.nowload();
    },
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`);
      this.page.currentPage = val;
      this.nowload();
    },
  },

}
</script>

<style scoped lang="scss">
   .detailsBox{
     background: #FFFFFF;

   }
   .detailsBoxtwo{
     background: #FFFFFF;

   }
   .headertitle{
     font-size: 18px;
     color: #303133;
   }
   .line{
     margin-top: 20px;
     height: 1px;
     width: 100%;
     background: #E5EAF3;
   }
   .el-lab {
     display: inline-block;
     text-align: right;
     width: 100px;
     font-size: 14px;
     color: #76838f;
   }
</style>
